<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>公众用户登录首页</title>
<script src="${frm}/mui/js/mui.min.js"></script>
<link href="${frm}/mui/css/mui.min.css" rel="stylesheet" />
<style>
html,body {
	background-color: #efeff4;
}

a:hover {
	color: #FF00FF
}
</style>
<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>

</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<h1 class="mui-title">网欣物业管理</h1>
	</header>
	<div class="mui-content"
		style="padding-left: 20px; padding-right: 20px;">
		<ul class="mui-table-view mui-grid-view mui-grid-9">
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="http://www.baidu.com">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">我的住房</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-chatbubble">
						<span class="mui-badge">5</span>
					</span>
					<div class="mui-media-body">小区公告</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">缴费查询</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">欠费查询</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">在线缴费</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">物业报修</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">报修查询</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-email">
						<span class="mui-badge">5</span>
					</span>
					<div class="mui-media-body">意见反馈</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="#">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">解除绑定</div>
				</a>
			</li>
			<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"
				style="background: white;">
				<a href="http://120.25.66.80:8080/x5/UI2/property/main.w#!property">
					<span class="mui-icon mui-icon-home"></span>
					<div class="mui-media-body">员工后台</div>
				</a>
			</li>
		</ul>
	</div>
	<script>
	    var content = document.querySelector('.mui-content');
	    toggle.addEventListener('toggle', function(event) {
	        var isActive = event.detail.isActive;
	        if (isActive) {
	            card.appendChild(grid);
	            card.style.display = '';
	        } else {
	            content.appendChild(grid);
	            card.style.display = 'none';
	        }
	    });
	</script>
</body>
</html>